<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>二次元</title>

<!-- Google fonts -->
<link href='http://fonts.googleapis.com/css?family=Raleway:400,800' rel='stylesheet' type='text/css'>

<!-- font awesome -->
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

<!-- bootstrap -->
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css" />

<!-- animate.css -->
<link rel="stylesheet" href="assets/animate/animate.css" />

<!-- gallery -->
<link rel="stylesheet" href="assets/gallery/blueimp-gallery.min.css">

<!-- favicon -->
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">


<link rel="stylesheet" href="assets/style.css">

</head>

<body id="2333">
<!-- header -->
      
       

      <h1 class="logo"><a href="#home" class="scroll">波妞、宗介</a></h1>
      <div class="menu">
      <a href="#动漫" class="scroll">动漫</a>
      <a href="#电影" class="scroll">电影</a>      
      <a href="#卡通" class="scroll">卡通</a>      
      </div>
      <!-- slider -->
      <div id="carousel-banner" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner" role="listbox">
        <div class="item active"><img src="images/banner1.jpg" class="img-responsive">
               <!-- caption -->
              <div class="caption">
              <h2>二次元</h2>
              <p>通俗来讲【二次元】的意思就是另一个世界，一个和现实世界区别开的世界。原义指二维的平面空间，也表示精密影像式测绘仪。现常用于指ACG领域所在的平面世界，包括动画（Animation）、漫画（Comic）、游戏（Game）等一系列平面的视界产物，与之相对的三次元则是指现实世界。
              </p>   
              </div>
              <!-- caption -->
        </div>
        <div class="item"><img src="images/banner2.jpg" class="img-responsive">
               <!-- caption -->
              <div class="caption">
              <h2>辉夜大小姐</h2>
              <p>家庭背景与人品都很棒！一群有前途的秀才所聚焦的知院学圆 彼此感到了对方吸引...但想不到都过半年的了却仍然什么事情也没有发生！！没办法让对方向自己告白？！直到恋情有下落之前会很欢快的故事！！新感觉“斗智”爱情喜剧、就此开战。
              </p>   
              </div>
              <!-- caption -->
        </div>
        <div class="item"><img src="images/banner3.jpg" class="img-responsive">
              <!-- caption -->
              <div class="caption">
              <h2>喵喵为您扩展</h2>
              <p>在传统上，以平面的媒体所表现的虚拟角色，如漫画或动画中的人物，因其二维空间的本质，而常被称为“二次元角色”，以有别于现实（三维空间）的人物。但是，以三维电脑图像所制作的角色，因其处于虚拟世界又具有立体性的概念，而被称为“2.5次元角色”。也有将轻小说称作是介于一次元和二次元之间的“1.5次元”的说法。这是强调了轻小说既不能划归于动画，又相对独立于传统文学（纯文学）的属性。
              </div>
              <!-- caption -->
        </div>        
      </div>         
      <!-- Controls -->
      <div class="next-prev">
      <a class="left" href="#carousel-banner" role="button" data-slide="prev"><i class="fa fa-3x fa-angle-left"></i></a>
      <a class="right" href="#carousel-banner" role="button" data-slide="next"><i class="fa fa-3x fa-angle-right"></i></a>
      </div>
      </div>
      
      <!-- slider -->



<!-- about -->
<div class="about" id="about">
  <div class="container">
    <h2 class="text-center">好看的动漫有以下</h2>
    <div class="row">
    <div class="col-md-6 col-xs-12 col-md-offset-3"> 

        <div class="panel-group" id="accordion" role="tablist" 23333333="true">
        <div class="panel panel-default">
        <div class="panel-heading" role="tab">
        <h4 class="panel-title">
          <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
           <i class="fa fa-bicycle"></i> 朝花夕拾
          </a>
        </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse" role="tabpanel">
        <div class="panel-body">
         《朝花夕拾》创作于1926年，是鲁迅所写的唯一一部回忆性的散文集，原名《旧事重提》，后由鲁迅改为《朝花夕拾》，一向得到极高的评价。“朝”表示早年时候，“夕”表示晚年时期，这个词的意思是早上的花晚上来捡，这里指鲁迅先生在晩年回忆童年时期、少年时期、青年时期的人和事。作者说，这些文章都是“从记忆中抄出来”的“回忆文”。本书为鲁迅一九二六年所作回忆散文的结集，共十篇。前五篇写于北京，后五篇写于厦门。
        </div>
        </div>
        <div class="panel panel-default">
        <div class="panel-heading" role="tab">
        <h4 class="panel-title">
          <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
           <i class="fa fa-bicycle"></i> 夏日大作战
          </a>
        </h4>
        </div>
        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel">
        <div class="panel-body">
         《夏日大作战》是由MADHOUSE制作，华纳兄弟公司负责发行的动画电影。影片由细田守执导，神木隆之介、 樱庭奈奈美、谷村美月等配音。

讲述胆小的高二数学天才小矶健二在学姊筱原夏希的拜托之下，一同前往她祖母位于上田市的宅邸来庆祝曾祖母的90岁生日所发生的一连串故事。
        </div>
        </div>
        </div>
        <div class="panel panel-default">
        <div class="panel-heading" role="tab">
        <h4 class="panel-title">
          <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
           <i class="fa fa-bicycle"></i> 河童之夏
          </a>
        </h4>
        </div>
        <div id="collapseThree" class="panel-collapse collapse" role="tabpanel">
        <div class="panel-body">
         就快放暑假了，小学生上原康一在放学回家的路上捡到一块大石头。他把石头带回了家，没想到用水一洗，里面竟跳出一只小河童来。小河童对他“咕”的叫了一声，于是康一就给它取名为“小咕”。 小咕会说人类的语言，几百年来他一直被埋在在地下。康一很快就和小咕成了好朋友，他们一起洗澡，一起吃饭，一起睡觉。而其它...展开更多>>

        </div>
        </div>
        </div>

        <div class="panel panel-default">
        <div class="panel-heading" role="tab">
        <h4 class="panel-title">
          <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
           <i class="fa fa-bicycle"></i> 元气少女元结神
          </a>
        </h4>
        </div>
        <div id="collapseFour" class="panel-collapse collapse" role="tabpanel">
        <div class="panel-body">
		成为御影社土地神的是稚气未脱的女高中生·桃园奈奈生。某日，风神·乙比古带来了每年全国的神明们在出云集合召开的会议“神议...展开更多>>
 安装影视大全，剧集更新时自动提醒腾讯
全部剧集
          
        </div>
        </div>

      


        </div>
        </div>     
    </div>
  </div>
</div>
<!-- about -->
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
      


       <!-- product list -->
       <div id="products">
       <h2 class="text-center">	犬夜叉大世界</h2>
        <div class="row-fluid gallery clearfix" id="portfolio">
              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp">
                <img src="images/photos/1.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>犬夜叉</h3>
                    <p></p>
                    <a href="images/photos/1.jpg" title="Shoes" class="btn btn-default gallery-image" data-gallery="">阿玲</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->

              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp">
                <img src="images/photos/2.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>犬夜叉</h3>
                    <p></p>
                    <a href="images/photos/2.jpg" title="Formal" class="btn btn-default gallery-image" data-gallery="">阿玲</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->

              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp">
                <img src="images/photos/3.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>犬夜叉</h3>
                    <p></p>
                    <a href="images/photos/3.jpg" title="Red" class="btn btn-default gallery-image" data-gallery="">阿玲</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->

              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp ">
                <img src="images/photos/4.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>犬夜叉</h3>
                    <p></p>
                    <a href="images/photos/4.jpg" title="Brown" class="btn btn-default gallery-image" data-gallery="">阿玲</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->



              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp ">
                <img src="images/photos/4.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>犬夜叉</h3>
                    <p></p>
                    <a href="images/photos/4.jpg" title="Brown" class="btn btn-default gallery-image" data-gallery="">阿玲</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->


              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp">
                <img src="images/photos/3.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>犬夜叉</h3>
                    <p></p>
                    <a href="images/photos/3.jpg" title="Red" class="btn btn-default gallery-image" data-gallery="">阿玲</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->



              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp">
                <img src="images/photos/1.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>犬夜叉</h3>
                    <p></p>
                    <a href="images/photos/1.jpg" title="Shoes" class="btn btn-default gallery-image" data-gallery="">阿玲</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->

              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp">
                <img src="images/photos/2.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>犬夜叉</h3>
                    <p></p>
                    <a href="images/photos/2.jpg" title="Formal" class="btn btn-default gallery-image" data-gallery="">阿玲</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->
       </div>
       </div>
       <!-- product list -->


       <!-- contact -->
       <div class="contact" id="contact">

       <div class="container">
       <h2 class="text-center">如果有你喜欢的动漫可以推荐给我哦~</h2>
       <div class="row">
        <div class="col-sm-6 col-sm-offset-3">
          <form>
                <div class="form-group">
                    <input id="name" name="name" type="text" class="form-control" placeholder="Name"> 
                </div>
                <div class="form-group">
                    <input id="email" name="email" type="email" class="form-control" placeholder="Email address">
                </div>
                <div class="form-group">
                    <textarea id="message" name="message" class="form-control" placeholder="Your Message" rows="5"></textarea>
                </div>                  
                <button type="submit" class="btn btn-warning"><i class="fa fa-send-o"></i> Submit</button>
            </form>
         
          </div>
        </div>
       </div>
       </div>

       
       <div id="map"></div>
       <!-- contact -->


        <!-- footer -->
        <div class="footer text-center">
          <div class="social">
          <a href="#"><i class="fa fa-facebook fa-2x"></i></a>
          <a href="#"><i class="fa fa-instagram fa-2x"></i></a>
          <a href="#"><i class="fa fa-twitter fa-2x"></i></a>
          <a href="#"><i class="fa fa-pinterest fa-2x"></i></a>
          </div>
        Powered by: <a href="#">thebootstrapthemes</a> 
More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
        </div>
        <!-- footer -->






      <!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
      <div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
          <!-- The container for the modal slides -->
          <div class="slides"></div>
          <!-- Controls for the borderless lightbox -->
          <h3 class="title">Title</h3>
          <a class="prev">‹</a>
          <a class="next">›</a>
          <a class="close">×</a>
          <!-- The modal dialog, which will be used to wrap the lightbox content -->    
      </div>

<a href="#home" class="gototop scroll"><i class="fa fa-angle-up  fa-3x"></i></a>

<!-- jquery -->
<script src="assets/jquery.js"></script>

<!-- wow script -->
<script src="assets/wow/wow.min.js"></script>

<!-- boostrap -->
<script src="assets/bootstrap/js/bootstrap.js" type="text/javascript" ></script>

<!-- jquery mobile -->
<script src="assets/mobile/touchSwipe.min.js"></script>
<script src="assets/respond/respond.js"></script>

<!-- gallery -->
<script src="assets/gallery/jquery.blueimp-gallery.min.js"></script>


 <script src='https://maps.googleapis.com/maps/api/js?key=&sensor=false&extension=.js'></script> 
 
<!-- custom script -->
<script src="assets/script.js"></script>

</body>
</html>